.topbar-wrapper {
  /* 设置宽度全屏 */
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #333;
}

a {
  text-decoration: none;
  color: #333;
}

.topbar a {
  font-size: 12px;
  color: #b0b0b0;
  display: block;
}

/* 设置超链接移入字体颜色 */
.topbar a:hover {
  color: #fff;
}

.topbar .line {
  color: #424242;
  font-size: 12px;
  margin: 0 8px;
  margin-top: -2px;
}

/* 逗号 , 分隔的选择器表示分组选择器（Grouping Selector），它用于同时为多个选择器应用相同的样式规则。 */
.service,
.topbar li {
  float: left;
}

/* 设置左侧导航栏 */
.shop-cart,
.user-info {
  float: right;
}

.shop-cart {
    margin-left: 26px;
}
/* 设置购物车的宽度，设置到a标签上去 */
.shop-cart a {
  width: 120px;
  background-color: #424242;
  text-align: center;
}

.shop-cart a:hover {
  color: orangered;
}

.shop-cart i {
  margin-right: 2px;
}
